{extend name="../../admin/view/main"}

{block name='content'}

<div class="think-box-shadow portal-block-container notselect">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md3">
            <div class="portal-block-item nowrap" style="background:linear-gradient(-125deg,#57bdbf,#2f9de2)">
                <div>投资总量</div>
                <div>{$goodsOrderTotal|default='0'}</div>
                <div>当前产品的投资数量</div>
            </div>
            <i class="portal-block-icon layui-icon layui-icon-app"></i>
        </div>
        <div class="layui-col-sm12 layui-col-md3">
            <div class="portal-block-item nowrap" data-action-blur="" style="background:linear-gradient(-125deg,#ff7d7d,#fb2c95)">
                <div>投资金额</div>
                <div>{$goodsAmountTotal|default='0'}</div>
                <div>当前投资总金额</div>
            </div>
            <i class="portal-block-icon layui-icon layui-icon-rmb"></i>
        </div>
        <div class="layui-col-sm12 layui-col-md3">
            <div class="portal-block-item nowrap" data-action-blur="" style="background:linear-gradient(-113deg,#c543d8,#925cc3)">
                <div>到期返利息</div>
                <div>{$goodsDqfLxjeTotal|default='0'}</div>
                <div>下月到期返应返利息</div>
            </div>
            <i class="portal-block-icon layui-icon layui-icon-rmb"></i>
        </div>
        <div class="layui-col-sm12 layui-col-md3">
            <div class="portal-block-item nowrap" style="background:linear-gradient(-141deg,#ecca1b,#f39526)">
                <div>按月返利息</div>
                <div>{$goodsAyfLxjeTotal|default='0.00'}</div>
                <div>下月按月返应返利息</div>
            </div>
            <i class="portal-block-icon layui-icon layui-icon-rmb"></i>
        </div>
    </div>
    <div class="layui-tab-content">
        <table class="layui-table margin-top-10" lay-skin="line">
            {notempty name='list'}
            <thead>
            <tr>
                <th>客户信息</th>
                <th>投资信息</th>
                <th>投资复利</th>
                <th>投资利息</th>
                <th>当前状态</th>
                <th>创建时间</th>
            </tr>
            </thead>
            {/notempty}
            <tbody>
            {foreach $list as $key=>$vo}
            <tr>
                <td class="nowrap relative">
                    <div>
                        <div class="inline-block sub-strong-red">
                            <div>客户名称：<span class="color-red">{$vo.name|default='--'}</span></div>
                            <div>身份证：<span class="color-text">{$vo.idcard|default='--'}</span></div>
                        </div>
                    </div>
                </td>
                <td class='nowrap'>
                    <div class="inline-block text-middle">
                        <div class="sub-strong-blue">
                            投资产品：<b>{$vo.goods_name}</b>
                        </div>
                        <div class="sub-strong-blue">
                            投资金额：<b>{$vo.money+0}</b> 元
                        </div>
                        <div class="sub-strong-blue">
                            收款方式：
                            {eq name='vo.payment_method' value='0'} <b class="color-blue">划卡</b>{/eq}
                            {eq name='vo.payment_method' value='1'} <b class="color-blue">转账</b>{/eq}
                        </div>
                        <div class="sub-strong-blue">
                            年利率：<b>{$vo.goods_annual_rate}</b>%
                        </div>
                        <div>起息日期：<span class="color-text">{$vo.start_at}</span></div>
                        <div>到期日期：<span class="color-text">{$vo.end_at}</span></div>
                    </div>
                </td>
                <td class="nowrap">
                    <div class="inline-block text-middle">
                        <div class="sub-strong-green">
                            预计满整月利息金额：<b>{$vo.full_month_lxje}</b> 元
                        </div>
                        <div class="sub-strong-green">
                            起始月利息金额：<b>{$vo.current_month_lxje}</b> 元
                        </div>
                        <div class="sub-strong-green">
                            到期当月利息金额：<b>{$vo.expire_month_lxje}</b> 元
                        </div>
                    </div>
                </td>
                <td class="nowrap">
                    <div class="inline-block text-middle">
                        <div class="sub-strong-red">
                            预计到期利息：<b>{$vo.expect_lxje+0}</b> 元
                        </div>
                        <div class="sub-strong-red">
                            当前日期利息总额：<b>{$vo.current_lxje+0}</b> 元
                        </div>
                    </div>
                </td>
                <td class="nowrap">
                    {eq name='vo.status' value='0'} <span class="color-blue">已取消</span>{/eq}
                    {eq name='vo.status' value='1'} <span class="color-green">计息中</span>{/eq}
                    {eq name='vo.status' value='2'} <span class="color-red">已到期</span> {/eq}
                </td>
                <td class="text-left nowrap">{$vo.create_at|format_datetime}</td>
            </tr>
            {/foreach}
            </tbody>
        </table>
        {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
    </div>
</div>
<script>


</script>

{/block}
